<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <!-- <link rel="stylesheet" href="./index.css" /> -->
</head>

<body>
  <div class="box">
    <!-- 图片 -->
    <div class="img-box">
      <!-- 轮播图图片 -->
      <ul>
        <li class="li-active"><img src="./img/01.jpeg" /></li>
        <li><img src="./img/02.jpeg" /></li>
        <li><img src="./img/03.jpeg" /></li>
        <li><img src="./img/04.jpeg" /></li>
      </ul>

      <!-- 轮播图箭头 -->
      <div class="arrow-left">&lt;</div>
      <div class="arrow-right">&gt;</div>
    </div>

    <!-- 小圆点 -->
    <div class="dot-box">
      <span class="dot-active"></span>
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>

  <!-- <script src="./index.js"></script> -->
  <script>
    // import "./img/.js"
  </script>
</body>

</html>